<div class="alert-tips">
  <nz-alert [nzType]="alertInfo.auditType" [nzMessage]="message" [nzDescription]="warmTips ? descTpl:''"
    [nzShowIcon]="alertInfo.isShowAlertIcon" [nzCloseable]="true">

    <ng-template #message>
      <i nz-icon [nzType]="alertInfo.icon" nzTheme="twotone" class="alert-icon"
        *ngIf="alertInfo.iconType === IconType.ICON && !alertInfo.isShowAlertIcon" [nzTwotoneColor]="alertInfo.iconColor">
      </i>

      <img [src]="'../../../assets/images/xiaoxin.png'" alt="" class="alert-tip-img"
        *ngIf="alertInfo.iconType === IconType.IMG && !alertInfo.isShowAlertIcon">

      <span>{{alertInfo.title}}</span>
    </ng-template>

    <ng-template #descTpl>
      <span class="warm-tip" [class.warm-tip-left]="!alertInfo.isShowAlertIcon">{{warmTips}}</span>
    </ng-template>
  </nz-alert>
</div>
